<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script>
        document.querySelector('html').style.fontSize = window.screen.width / 10 + 'px';
    </script>
    <title>redPackge</title>
    <!-- <link rel="stylesheet" href="./css/style.css"> -->
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        html,
        body,
        .body {
            height: 100%;
        }

        .body {
            font-size: 0.42667rem;
        }

        main {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
            height: 80%;
        }

        main .main-logo {
            width: 5.33333rem;
            height: 2.66667rem;
            border: 1px solid #999;
            text-align: center;
            line-height: 2.66667rem;
        }

        main .main-res i {
            font-style: normal;
            color: red;
            font-size: 0.53333rem;
        }

        main .main-info {
            color: #666;
            font-size: 0.37333rem;
        }

        main button {
            border: 0;
            background-color: #FF9700;
            color: #260C00;
            width: 8rem;
            height: 1.06667rem;
            border-radius: 0.16rem;
            font-size: 0.42667rem;
        }
    </style>
</head>

<body>
    <div class="body">
        <h1 class="title"></h1>
        <main>
            <div class="main-logo">推荐商家logo</div>
            <p class="main-cr">商家推送文案</p>
            <p class="main-cong">恭喜您获得</p>
            <div class="main-res">
                <i>￥66</i>
                &nbsp;&nbsp;元
            </div>
            <div class="main-info">
                <p>*无门槛抵用券</p>
                <p>*2017/2017/2017/2017</p>
            </div>
            <button>立即领取，去使用</button>
        </main>
    </div>
</body>

</html>